
html, body {
    background:#F2F2F2;
    margin: 0;
    border: 0;
}

#wrapper
{
    margin: auto;
    height: auto;
    min-height:100%;
}

#wrapper:after{
    height:130px;    //Altura footer
    display:block;
    clear:both;
}

/*Header*/
#header
{
    height:40px;
    background-color:#F2F2F2;
    padding:0px;
    margin:0px;
}

#header2
{
    height:40px;
    background-color:#F2F2F2;
    padding:0px;
    margin:0px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;

    border-width: 0px 0px 2px 0px;
    border-color: #CCCCCC;
    border-style: solid;
    z-index: 100;
}

#subHeader
{
    margin: auto;
    top:0px;
    width: 980px;
    height:100%;
    background-color:#F2F2F2;
    font-family: sans-serif;
    font-size: 13px;
}

#head1{
    text-align: left;
    margin-left: 0px;
    float: left;
    height: 50%;
    margin-top: 2%;
}

#head2{
    text-align: right;
    margin-right: 0px;
    float: right;
    height: 50%;
    margin-top: 2%;
    cursor: default;
    font-weight: bold;
}

#subHeader #lg
{
    cursor: pointer;
    -webkit-transition: 0.5s 0s;
    transition: 0.5s 0s;
} 

#lg:hover
{
    color: #CC071E; 
}

#subHeader #us
{
    cursor: pointer;
    -webkit-transition: 0.5s 0s;
    transition: 0.5s 0s;
} 

#us:hover
{
    color: #CC071E; 
}

#footer
{
    height:130px;            /* Altura del footer */
    margin: 0 auto 0;
    padding: 0;
    background-color:black;
}

#footer1
{
    height: 105px;
    background:black;
}

#footer2 
{
    height: 25px;
    background:#F2F2F2;
}

#subFooter
{
    width:980px;
    height: 105px;
    margin:auto;
    background:black;
    overflow: hidden;
}

#subFooterInfo 
{
    width:980px;
    height: 25px;
    margin:auto;
    background:#F2F2F2;
}

#footer2 p
{
    font-family: sans-serif;
    font-size: 11px;
    color:gray;
    margin-left: 6%;
    padding: 0;
}

#footer1 img
{
    float:left;
}

#footer1 p
{
    font-family: sans-serif;
    font-size: 12px;
    color:white;
    margin-left:23px;
}

#f1
{
    margin-top:32px;
    margin-left:60px;
}

#t1
{
    float:left;
    margin-top:2px;
}

#f2
{
    margin-top:33px;
    margin-left:20px;
}

#t2
{
    float:left;
    margin-top:17px;
}

#f3
{
    margin-top:43px;
    margin-left:23px;
}

#t3
{
    float:left;
    margin-top:9px;
}

#f4
{
    margin-top:37px;
    margin-left:25px;
}

#t4
{
    float:left;
    margin-top:26px;
}
/*fin Footer*/

p
{
    cursor:default;
}

/*logoUniversidad*/
#logoUniversidad
{
    background-color:#CC071E;
    width:100%;
    height:140px;
}

#logoUniversidad2
{
    background-color:#CC071E;
    width:980px;
    height:140px;
    margin:auto;
}

.etiquetaId
{
    float:right;
    width:205px; 
    margin-top:29.5px;
    background-color:#CC071E;
    color:white;
    text-align:right;
    font-family: sans-serif;
    font-size: 25px;
}

#imgUNA
{
    cursor: pointer;
    margin:0px;
    padding-top:1%;
}
/*fin logoUniversidad*/

/*menu1*/
#menu1
{
    background-color:#F2F2F2;
    width:100%;
    margin-left: 1px;
}

#hr1
{
    margin:0px;
    margin-top:10px;
    margin-bottom:5.5px;
    height: 2px;
    border: 0;
    background-color: #CC071E;
}

#hr2
{
    margin:0px;
    margin-top:2px;
    margin-bottom:10px;
    height: 2px;
    border: 0;
    background-color: #CC071E;
}

#subMenu1
{
    background-color:#F2F2F2;
    margin:auto;
    width:980px;
}

ul#menuPrin1
{
    margin: 0;
    height:25px;
    padding-left: 0px;
    list-style-type: none;
    font-family: sans-serif;
    font-size: 16px;
}

ul#menuPrin1 li 
{
    float: left;
    width:24%;
    text-align:center;
}


#li12 
{
    border-left-style: solid; border-width: 1px;
}

#li13 
{
    border-left-style: solid; border-width: 1px;
}

#li14 
{
    border-left-style: solid; border-width: 1px;
}

#li15 
{
    border-left-style: solid; border-width: 1px;
}
/*fin menu1*/

/*logoCatedra*/
#logoCatedra
{
    background-color:#B3B3B3;
    width:100%;
    height:182px;
    margin:auto;
}

#logoCatedra2
{
    background-color:#B3B3B3;
    width:980px;
    height:182px;
    margin:auto;
}
/*fin logoCatedra*/

/*menu2*/
.boton 
{
    margin:auto;
    font-family: sans-serif;
    font-style: oblique;
    font-weight: bold;
    font-size: 16px;
    background:#F2F2F2;
    border:0px;
    cursor:pointer;
    outline:none;
    -webkit-transition: 0.6s 0s;
    transition: 0.6s 0s;
}

.boton:hover 
{
    color: #CC071E;
    text-decoration: underline;
}

#menu2
{
    background-color:#F2F2F2;
    width:100%;
}

#subMenu2
{
    background-color:#F2F2F2;
    margin:auto;
    width:980px;
}

#hr3
{	
    height: 2px;
    border: 0;
    margin:0px;
    margin-top:10px;
    margin-bottom:5.5px;
    background-color: #CC071E;
}

#hr4
{
    height: 2px;
    border: 0;
    margin:0px;
    margin-top:2px;
    margin-bottom:10px;
    background-color: #CC071E;
}

#hr5
{
    margin:0;
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

ul#menuPrin2
{
    margin: 0;
    height:25px;
    padding-left: 0px;
    list-style-type: none;
    font-family: sans-serif;
    font-size: 16px;
}

ul#menuPrin2 li 
{
    float: left;
    width:24%;
    text-align:center;
}
#li22 
{
    border-left-style: solid; border-width: 1px;
}

#li23 
{
    border-left-style: solid; border-width: 1px;
}

#li24 
{
    border-left-style: solid; border-width: 1px;
}
/*menu2*/

/*alterno*/
#alterno
{
    background-color:#F2F2F2;
    width:100%;
}

#subAlterno
{
    background-color:#F2F2F2;
    width:980px;
    margin:auto;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}

#empresas
{
    overflow: hidden;
}

#estudiantes
{
    overflow: hidden;
}

#profesores
{
    overflow: hidden;
}

#administrativos
{
    overflow: hidden;
}
/*fin alterno*/

/*menuVertical*/
.menuVert{
    width:170px;
    margin-left: 1%;
    background-color:#F2F2F2;
    text-align:center;
    font-family: sans-serif;
    font-size: 14px;
    padding: 1em;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #FFFFFF inset, 0 0 3px #CCCCCC;
    float: left;
}

.menuVert hr {
    background: #CCCCCC;
    border: 0px;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}

.menuVert:before, .menuVert:after{
    content: "";
    position: absolute;
    z-index: -2;
}

.menuVert li
{
    list-style: none;
    width:100%;
}
/*menuVertical*/

/*subMenuVertical*/
ul.top-level 
{
    background:#F2F2F2;
    margin:0px; padding:0px;
} 

.menuVert a {
    cursor: pointer;
    display:block;
    line-height: 25px;
    text-indent: 10px;                   
    text-decoration:none;
    text-align:center;
    font-family: sans-serif;
    font-size: 14px;
    margin:auto;
    outline:none;
    width:100%;
    border-radius: 10px;

    -webkit-transition: 0.5s 0s;
    transition: 0.5s 0s;
}

.menuVert a:hover{
    color: #CC071E;
    display: block;
}

.menuVert li:hover {
    display: block;
    position:relative;
}

.sub-level{
    width:170px;
    margin:auto;
    text-align:center;
    padding: 1em;
    z-index: 200;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #FFFFFF inset, 0 0 3px #CCCCCC;
}

.sub-level hr {
    background: #CCCCCC;
    border: 0px;
    border-bottom: 1px solid #CCCCCC;
    width: 100%;
}

.sub-level:before, .sub-level:after{
    content: "";
    position: absolute;
    z-index: -2;
}

ul.sub-level {
    display: none;
    width:170px;
    margin:auto;
}

li:hover .sub-level {
    background: #F2F2F2;
    display: block;
    text-align:center;
    position: absolute;
    left: 80%;
    top: -100%;
}

ul.sub-level li {
    width:100%;
    border: none;
}

li:hover .sub-level .sub-level {
    display:none;
}

.sub-level li:hover .sub-level {
    display:block;
}
/*subMenuVertical*/

.subDivs
{   
    background-color: #F2F2F2;
    width: 77%;
    min-height: 550px;
    font-family: sans-serif;
    float: right;
}

.subDivs hr {
    background: #CCCCCC;
    border: 0px;
    border-bottom: 1px solid #CCCCCC;
    height: 1px;
}

/* Estilos de los parrafos de Inicio , Contactenos , mision vision , etc  */
.parrafos1
{
    font-family: sans-serif;
    font-size: large;
    color:#CC071E;
    margin:5%;

}
.parrafos2
{
    font-family: sans-serif;
    line-height: 200%;
    margin-bottom:10%;
    text-align : justify;
}
/**/

/* Estilos Divs Link Encuaestas*/

.divsLink
{
    font-family: sans-serif;
    font-size: 14px;
    margin-bottom: 3%;
}

.iLink
{
    width: 99%;
    height: 20px;
}

/**/

#label_olvido
{
    margin-left: 12.5%;
}

#text_olvido
{
    margin-left: 3%;
}

#boton_olvido
{
    margin-left: 3%;
}

#olv_contaseña
{
    margin-top: 3%;
    margin-bottom: 20%;
    background-color: #DDD; 
    padding: 1em;
    font-family: sans-serif;
    font-size: 14px;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #FFFFFF inset, 0 0 3px #CCCCCC;
    overflow: hidden;
}


/* Scrolls */
.divScroll
{
    max-height: 500px;
    width: 100%;
    overflow: auto;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom: 2%;
}
/**/

h3.accordion-head 
{
    padding: 0px 0px 0px 0px;
    line-height: 21px;
    cursor: default;
    margin-top: 3px;
    font-family: sans-serif;
}

h3.accordion-head span 
{
    background: url("imagenes/plus.png") no-repeat scroll 0 0 transparent;
    margin: auto;
}

span.accordion-head-image 
{
    background: url("imagenes/plus.png") no-repeat scroll 0 0 transparent;
    margin: auto;
}

span.accordion-head-image 
{
    width: 23px;
    height: 23px;
    float: left;
    margin-right: 13px;
    cursor: default;
    display: block;
}

#logoCatedra3 
{
    background-color: #B3B3B3;
    width: 980px;
    height: 182px;
    margin: auto;
    display: none;
}

#map-canvas
{    
    width:500px;
    height:380px;
    margin: auto;
}

#divTextosBienvenida
{
    height: 450px;
    width: 500px;
    background-color: #F2F2F2;
}

#divGuiasBienvenida
{
    margin-top: -45%;
    margin-left: 55%;
    height: 400px;
    width: 430px;
    background-color: #F2F2F2;
}

#textAreaCorreos 
{
    height: 120px;
    width: 99%;
}

#divTextosInicioCont
{
    overflow: hidden;
    background-color: #F2F2F2;
    font-family: sans-serif;
    line-height: 200%;
    margin-bottom:10%;
    text-align : justify;
}

#divTextosInicioPro
{
    overflow: hidden;
    background-color: #F2F2F2;
    font-family: sans-serif;
    line-height: 200%;
    margin-bottom:10%;
    //text-align : justify;
    text-align : center;
}

#divTextosInicioAdm
{
    overflow: hidden;
    background-color: #F2F2F2;
    font-family: sans-serif;
    line-height: 200%;
    margin-bottom:10%;
    //text-align : justify;
    text-align : center;
}

#divEstudiantesTexto
{
    height: 110px;
    width: 99%;
    background-color: #F2F2F2;
}

#pExp {
    font-size: 80%;
    line-height: 170%;
} 

#perror
{
    color:red; 
    text-align: center;
}

#divPreguntas
{
    background-color: #DDD;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #FFFFFF inset, 0 0 3px #CCCCCC;
    overflow: hidden;
}

.desplegar
{
background-color: #DDD;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 3px #FFFFFF inset, 0 0 3px #CCCCCC;
overflow: hidden;
}